<template>
  <div class="test-container">
    <Avatar :url="url" />
  </div>
</template>

<script>
import Avatar from "./index.vue";
export default {
  components: {
    Avatar,
  },
  data() {
    return {
      url: "https://img1.baidu.com/it/u=402492232,1618307608&fm=253&fmt=auto&app=120&f=JPEG?w=650&h=400",
    };
  },
};
</script>

<style>
.test-container {
  display: flex;
  justify-content: center;
}
</style>